<template>
<div  class="cell" >

</div>
</template>

<script>
export default {
  name: "ShowPage",
  data(){
    return{
      input1:'',
      input2:''
    }
  },
  methods:{
    debounce(func, wait) {
      let timeout;
      return function(...args) {
        const context = this;
        clearTimeout(timeout);
        timeout = setTimeout(() => {
          func.apply(context, args);
        }, wait);
      };
    },
    showSuggestions(query) {
      this.$message({
        type:'success',
        message:'该操作必须等待1分钟，才能继续操作'
      })
      // 这里使用 query 参数来模拟搜索建议逻辑

    },
  }
}
</script>

<style scoped>
 .cell{
   width: 700px;
   height: 700px;
   display: flex;
   flex-direction: row;
   align-content: center;
    align-items: center;
   justify-content: center;
   justify-items: center;
 }
  .block{
    width: 500px;
    height: 300px;
    background-color: #00a6bc ;
    margin: 10px;
  }


</style>